/* Drag-helper styles */
.non-selectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#mp-layout {
  position: relative;
}
#mp-toptoolbar {
  min-height: 30px;
  margin-bottom: 5px;
  padding: 3px;
}
#mp-toolbar {
  float: left;
  width: 15%;
}
.mp-pane {
  position: relative;
  overflow: hidden;
  height: 550px;
}
.mp-pane .mp-wrapper {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mp-pane .mp-wrapper ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.mp-pane .mp-wrapper ul li {
  display: block;
  float: left;
  width: 49%;
  height: 100px;
  margin: 0;
  padding: 0;
}
.scroll-bar-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.scroll-bar-wrap .ui-slider {
  background: none;
  border: 1px solid red;
  height: 99%;
}
.scroll-bar1 {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  width: 8px;
  background: #3B2F2B;
  opacity: 0.8;
}
#mp-canvas {
  width: 84%;
  float: right;
  height: 600px;
  overflow: auto;
  position: relative;
}
.ui-custom-highlight {
  border: #999 3px dashed;
  margin: -2px;
}
#mp-toolbar h3 {
  margin: -1px 0px;
  border-left: none;
  border-right: none;
}
.mp-objects {
  max-height: 300px;
  overflow: auto;
}
.mp-guests {
  min-height: 100px;
  border: transparent 1px solid;
  margin: 1px 0px 0px 0px;
}
.mp-guests .mp-pair {
  font-weight: bold;
}
.mp-guests li {
  text-overflow: ellipsis;
}
.mp-guests li.mp-draggable-guest p {
  margin: 0px;
  padding: 0px;
}
.mp-guests.ui-custom-highlight {
  border: #999 1px dashed;
  margin: 1px 0px 0px 0px;
}
/* Drag-helper styles */
.mp-obj-helper {
  color: rgba(147, 185, 209, 0.7);
  text-shadow: 1px 1px 1px #ffffff;
  padding: 2px;
  min-width: 100px;
  min-height: 100px;
  text-align: center;
  background: transparent;
}
.mp-obj-helper.mp-obj-type1:before {
  content: '\03A0';
  font-size: 10em;
  font-weight: bold;
  line-height: .8em;
  font-stretch: wider;
}
.mp-obj-helper.mp-obj-type2:before {
  content: '\03A4';
  font-size: 10em;
  font-weight: bold;
  line-height: .8em;
  font-stretch: wider;
}
.mp-obj-helper.mp-obj-type3 {
  background: rgba(147, 185, 209, 0.7) no-repeat 50% 50%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.mp-obj-helper.mp-obj-type4 {
  background: rgba(147, 185, 209, 0.7) no-repeat 50% 50%;
  width: 100px;
  height: 100px;
}
/* Stage objects styles */
.mp-obj {
  position: absolute;
}
.mp-obj.mp-stage {
  background-color: #DEDA66;
}
.mp-obj.mp-round.mp-stage {
  border-radius: 50%;
}
.mp-obj table {
  border-spacing: 0;
  border-collapse: collapse;
}
.mp-obj table td {
  padding: 0px;
  margin: 0px;
}
.mp-obj.mp-round .mp-table {
  border-radius: 50%;
  border: #DBEDBE 2px solid;
}
.mp-obj .mp-table {
  background-color: #93B9D1;
}
.mp-obj .mp-table.mp-border-left {
  border-left: #DBEDBE 2px solid;
}
.mp-obj .mp-table.mp-border-top {
  border-top: #DBEDBE 2px solid;
}
.mp-obj .mp-table.mp-border-right {
  border-right: #DBEDBE 2px solid;
}
.mp-obj .mp-table.mp-border-bottom {
  border-bottom: #DBEDBE 2px solid;
}
.mp-handler {
  cursor: move;
}
.mp-obj-actions button {
  padding: 0px;
  cursor: pointer;
}
.mp-obj-title {
  text-shadow: 1px 1px 1px #ffffff;
}
/* Placeholder styles*/
.mp-obj .mp-place-holder {
  background-color: #DBEDBE;
  border: #CDDEB1 1px solid;
  margin: 2px;
}
.mp-obj.mp-round .mp-place-holder {
  border-radius: 50%;
}
.mp-obj .mp-place-holder.ui-custom-highlight {
  border: #999 1px dashed;
}
.mp-place-holder li.mp-draggable-guest {
  list-style: none;
  text-shadow: 1px 1px 1px white;
}
.mp-place-holder li.mp-draggable-guest {
  width: 100%;
  height: 100%;
  border: none;
  background: none;
}
.mp-obj .mp-place-holder li.mp-draggable-guest span {
  padding: 3px;
  display: block;
}
.mp-obj .mp-place-holder li.mp-draggable-guest span p {
  height: 47px;
  min-height: 47px;
  min-width: 44px;
  vertical-align: middle;
  display: table-cell;
  background-color: rgba(240, 200, 100, 0.7);
  border-radius: 3px;
  font-size: 8pt;
  padding: 0px 2px;
}
/* Placeholders Fixes */
.mp-place-holder li.mp-draggable-guest.mp-pair {
  margin: -8px;
  border: #DB882E 8px solid;
  border-radius: 50%;
}
.mp-place-holder li.mp-draggable-guest.mp-pair span p {
  background: none !important;
}
.mp-obj.mp-round .mp-place-holder li.mp-draggable-guest {
  border-radius: 50%;
}
.mp-obj.mp-round .mp-place-holder li.mp-draggable-guest span p {
  border-radius: 23px;
}
.mp-place-holder.mp-table-up {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  direction: rtl;
}
.mp-place-holder.mp-table-down {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
.mp-place-holder.mp-table-right {
  direction: rtl;
}
.mp-place-holder.mp-table-up.mp-empty-left,
.mp-place-holder.mp-table-down.mp-empty-left {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  direction: rtl;
}
.mp-place-holder.mp-table-up.mp-empty-right,
.mp-place-holder.mp-table-down.mp-empty-right {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  direction: ltr;
}
.mp-place-holder.mp-table-up.mp-table-left.mp-placeholder-right.mp-placeholder-down {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  direction: rtl;
}
.mp-place-holder.mp-table-up.mp-table-right.mp-placeholder-left.mp-placeholder-down {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  direction: ltr;
}
.mp-place-holder.mp-table-down.mp-table-left.mp-placeholder-up.mp-placeholder-right {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  direction: rtl;
}
.mp-place-holder.mp-table-down.mp-table-right.mp-placeholder-up.mp-placeholder-left {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  direction: ltr;
}
